import { defineMixin } from '@/libs/plugins/vue.js'
import page from './page.js'

/**
 * 目的：nvue通过Vue.property 挂载的属性是无效的，需要单独引入此混淆
 * 如果还有其他对象在此映射即可
 * 
 * 使用示例：
 * 页面上单独写一个options语法的script混淆即可，template里就可以直接使用<image :src="$mp.imgurl(src)"></image>
 * 复制这段代码即可
 * <script>
 *      import nvue from '@/libs/mixins/nvue.js'
 *      export default {
 *          mixins: [nvue]
 *      }
 * </script>
 * 不使用此混淆也可以直接在 setup 这样写
 * import { $mp } from '@/libs'
 */
export const mpMixin = defineMixin({
    // #ifdef APP-NVUE
    mixins: [page],
    computed: {
        $mp: _ => uni.$mp,
        $u: _ => uni.$u
    }
    // #endif
})

export default mpMixin